<template>
  <div>
    <h1>使用插槽</h1>
    <h4>title</h4>
    <slot name="title"></slot>
    <p>---------</p>
    <h4>content</h4>
    <slot name="content"></slot>

    <!-- 作用域：  -->
    <slot :rows="user" ></slot>
  </div>
</template>

<script>
export default {
  name: 'useSlot',
  data () {
    return {
      user: {
        username: 'zs',
        age: 18
      }
    }
  }
}
</script>

<style>
</style>